<%--
  Created by IntelliJ IDEA.
  User: taoying147258zlx
  Date: 2020/10/8
  Time: 23:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>皇家大学</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/client/css/style1.css" type="text/css" media="all"/>
    <script src="${pageContext.request.contextPath}/static/client/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        //图片滚动 调用方法 imgscroll({speed: 30,amount: 1,dir: "up"});
        $.fn.imgscroll = function(o){
            var defaults = {
                speed: 40,
                amount: 0,
                width: 1,
                dir: "left"
            };
            o = $.extend(defaults, o);

            return this.each(function(){
                var _li = $("li", this);
                _li.parent().parent().css({overflow: "hidden", position: "relative"}); //div
                _li.parent().css({margin: "0", padding: "0", overflow: "hidden", position: "relative", "list-style": "none"}); //ul
                _li.css({position: "relative", overflow: "hidden"}); //li
                if(o.dir == "left") _li.css({float: "left"});

                //初始大小
                var _li_size = 0;
                for(var i=0; i<_li.size(); i++)
                    _li_size += o.dir == "left" ? _li.eq(i).outerWidth(true) : _li.eq(i).outerHeight(true);

                //循环所需要的元素
                if(o.dir == "left") _li.parent().css({width: (_li_size*3)+"px"});
                _li.parent().empty().append(_li.clone()).append(_li.clone()).append(_li.clone());
                _li = $("li", this);

                //滚动
                var _li_scroll = 0;
                function goto(){
                    _li_scroll += o.width;
                    if(_li_scroll > _li_size)
                    {
                        _li_scroll = 0;
                        _li.parent().css(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll });
                        _li_scroll += o.width;
                    }
                    _li.parent().animate(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll }, o.amount);
                }

                //开始
                var move = setInterval(function(){ goto(); }, o.speed);
                _li.parent().hover(function(){
                    clearInterval(move);
                },function(){
                    clearInterval(move);
                    move = setInterval(function(){ goto(); }, o.speed);
                });
            });
        };
        //友情链接下拉框跳转弹出新窗口
        function frlink(selObj){
            window.open(selObj.options[selObj.selectedIndex].value);}
    </script>
</head>

<body>
<div id="hearder2" class="clearfix">
    <div class="logo">
        <img src="${pageContext.request.contextPath}/static/client/images/z_logo1.png">
    </div>
    <div class="logo-name">皇家大学</div>
    <div class="form-tools">
        <form id="search" name="search" method="post">
            <div class="tools-link">
                <span target="_blank">皇家大学，欢迎您</span>
            </div>

            <div class="search-box">
                <input type="text" name="textfield" id="textfield" class="input-text" placeholder="请输入搜索关键词">
                <input type="image" src="${pageContext.request.contextPath}/static/client/images/search.png" class="input-submit" />
            </div>
        </form>
    </div>
</div>
<div id="menu-box" class="clearfix">
    <ul>
        <li><a href="http://localhost:8080/hjxy9/client/getView">首页</a></li>
        <li><a href="http://localhost:8080/hjxy9/client/detail">中心概况</a></li>
        <li><a href="#">师资队伍</a></li>
        <li><a href="list-pic1.html">设备资源</a></li>
        <li><a href="detail1.html">教学模式</a></li>
        <li><a href="form1.html">网上教学</a></li>
        <li><a href="list-text1.html">新闻中心</a></li>
        <li><a href="list-text1.html">创新成果</a></li>
        <li><a href="detail1.html">联系我们</a></li>
    </ul>
</div>
<div id="slider-box" style="background:url(${pageContext.request.contextPath}/static/client/images/slider1.jpg) center center;"></div>

<!-- detail -->
<div id="detail2-box" class="clearfix">
    <div class="tit-80"><a href="list-text1.html">新闻中心</a> - 查看详情</div>
    <div class="tabula-box">
        <div class="max-tit">新闻中心</div>
        <ul>
            <li><a href="list-text1.html">新闻文章类型1</a></li>
            <li><a href="list-text1.html">新闻文章类型2</a></li>
            <li><a href="list-text1.html">新闻文章类型3</a></li>
            <li><a href="list-text1.html">新闻文章类型4</a></li>
            <li><a href="list-text1.html">新闻文章类型5</a></li>
            <li><a href="list-text1.html">新闻文章类型6</a></li>
            <li><a href="list-text1.html">新闻文章类型7</a></li>
            <li><a href="list-text1.html">新闻文章类型8</a></li>
            <li><a href="list-text1.html">新闻文章类型9</a></li>
        </ul>
    </div>

    <div class="content-box">
        <h1>这里是新闻类型列表标题</h1>
        <ul class="clearfix" style=" width:705px; margin-left:-10px;">
            <li class="pic">
                <div class="img-box">
                    <a href="detail1.html">
                        <img src="${pageContext.request.contextPath}/static/client/images/b1.jpg">
                    </a>
                </div>
                <h3><a href="detail1.html">这里是文章标题</a></h3>
            </li>
            <li class="pic">
                <div class="img-box">
                    <a href="detail1.html">
                        <img src="${pageContext.request.contextPath}/static/client/images/b2.jpg">
                    </a>
                </div>
                <h3><a href="detail1.html">这里是文章标题</a></h3>
            </li>
            <li class="pic">
                <div class="img-box">
                    <a href="detail1.html">
                        <img src="${pageContext.request.contextPath}/static/client/images/b3.jpg">
                    </a>
                </div>
                <h3><a href="detail1.html">这里是文章标题</a></h3>
            </li>
            <li class="pic">
                <div class="img-box">
                    <a href="detail1.html">
                        <img src="${pageContext.request.contextPath}/static/client/images/b4.jpg">
                    </a>
                </div>
                <h3><a href="detail1.html">这里是文章标题</a></h3>
            </li>
            <li class="pic">
                <div class="img-box">
                    <a href="detail1.html">
                        <img src="${pageContext.request.contextPath}/static/client/images/b5.jpg">
                    </a>
                </div>
                <h3><a href="detail1.html">这里是文章标题</a></h3>
            </li>
            <li class="pic">
                <div class="img-box">
                    <a href="detail1.html">
                        <img src="${pageContext.request.contextPath}/static/client/images/b6.jpg">
                    </a>
                </div>
                <h3><a href="detail1.html">这里是文章标题</a></h3>
            </li>
            <li class="pic">
                <div class="img-box">
                    <a href="detail1.html">
                        <img src="${pageContext.request.contextPath}/static/client/images/b2.jpg">
                    </a>
                </div>
                <h3><a href="detail1.html">这里是文章标题</a></h3>
            </li>
            <li class="pic">
                <div class="img-box">
                    <a href="detail1.html">
                        <img src="${pageContext.request.contextPath}/static/client/images/b3.jpg">
                    </a>
                </div>
                <h3><a href="detail1.html">这里是文章标题</a></h3>
            </li>
            <li class="pic">
                <div class="img-box">
                    <a href="detail1.html">
                        <img src="${pageContext.request.contextPath}/static/client/images/b3.jpg">
                    </a>
                </div>
                <h3><a href="detail1.html">这里是文章标题</a></h3>
            </li>

        </ul>
        <div class="tcdPageCode"></div>
    </div>
</div>
<!-- div5 -->
<div id="div5" class="clearfix">
    <div class="link-box">
        <span>友情链接：</span>
        <select onChange="frlink(this)" name="select" class="select-link">
            <option selected>--- 教育类网站 ---</option>
            <option value="http://www.veryhuo.com">烈火网</option>
            <option value="http://www.sina.com.cn">新浪网</option>
            <option value="http://www.163.com">网易</option>
        </select>
        <select onChange="frlink(this)" name="select" class="select-link">
            <option selected>--- 政府类网站 ---</option>
            <option value="http://www.china.com">中华网</option>
            <option value="http://www.sina.com.cn">新浪网</option>
            <option value="http://www.163.com">网易</option>
        </select>
        <select onChange="frlink(this)" name="select" class="select-link">
            <option selected>--- 校园类网站 ---</option>
            <option value="http://www.veryhuo.com">烈火网</option>
            <option value="http://www.sina.com.cn">新浪网</option>
            <option value="http://www.163.com">网易</option>
        </select>
        <select onChange="frlink(this)" name="select" class="select-link">
            <option selected>--- 其它类网站 ---</option>
            <option value="http://www.veryhuo.com">烈火网</option>
            <option value="http://www.sina.com.cn">新浪网</option>
            <option value="http://www.163.com">网易</option>
        </select>
    </div>
</div>
<div id="div6"> &copy; 2020  皇家大学 </div>
<script src="${pageContext.request.contextPath}/static/client/js/jquery-1.8.3.min.js"></script>
<script src="${pageContext.request.contextPath}/static/client/js/jquery.page.js"></script>
<script>
    $(".tcdPageCode").createPage({
        pageCount:100,
        current:1,
        backFn:function(p){
            //console.log(p);
        }
    });
</script>

</body>
</html>
